<style>
	.mb15{ margin-bottom: 15px; }
	.input-group-addon{ background: #edf1f2; }
</style>
<div class="" ng-controller="editContractCtrl">
	<div class="panel-heading font-bold">修改合同</div>
	<div class="ibox">
	    <div class="ibox-content">
			<form class="form-horizontal m-t" id="_ajaxForm">
				<input type="text" name="id" value="" style="display: none;" ng-model="contractDatas.id">
				<div class="panel panel-default">
					<div class="panel-heading">租客信息</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-md-3 mb15">
								<p>姓名：</p>
								<input class="form-control" ng-model="contractDatas.tenantName" name="tenantName" type="text" placeholder="请输入姓名">
							</div>
							<div class="col-md-3 mb15">
								<p>手机号：</p>
								<input class="form-control" ng-model="contractDatas.tenantPhone" name="tenantPhone" type="text" placeholder="请输入手机号">
							</div>
							<div class="col-md-3 mb15">
								<p>身份证：</p>
								<input class="form-control" ng-model="contractDatas.tenantIdCard" name="tenantIdCard" type="text" placeholder="请输入身份证">
							</div>
							<div class="col-md-3 mb15">
								<p>银行卡号：</p>
								<input class="form-control" ng-model="contractDatas.tenantbank" name="tenantbank" type="text" placeholder="请输入银行卡号">
							</div>
							<div class="col-md-3 mb15">
								<p>预留手机号：</p>
								<input class="form-control" ng-model="contractDatas.beforPeoplePhone" name="beforPeoplePhone" type="text" placeholder="请输入预留手机号">
							</div>
							<div class="col-md-3 mb15">
								<p>紧急联系人：</p>
								<input class="form-control" ng-model="contractDatas.urgentPeopleName" name="urgentPeopleName" type="text" placeholder="请输入紧急联系人">
							</div>
							<div class="col-md-3 mb15">
								<p>联系人姓名：</p>
								<input class="form-control" ng-model="contractDatas.urgentPeopleName" name="urgentPeopleName" type="text" placeholder="请输入联系人姓名">
							</div>
							<div class="col-md-3 mb15">
								<p>联系人手机：</p>
								<input class="form-control" ng-model="contractDatas.urgentPeplePhone" name="urgentPeplePhone" type="text" placeholder="请输入联系人手机">
							</div>
						</div>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">租约信息</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-md-12">
								<div class="col-md-12 mb15">
									<div class="input-group">
									  	<span class="input-group-addon">出租房源</span>
									  	<select id="" name="communityName" class="form-control" ng-model="contractDatas.communityName">
											<option>南方新村一号</option>
											<option>南方新村二号</option>
										</select>
									</div>
								</div>
								<div class="col-md-12 mb15">
									<div class="input-group">
										<span class="input-group-addon">房源地址</span>
									  	<input type="text" class="form-control" ng-model="contractDatas.detailedAddress" name="detailedAddress" placeholder="请输入房源地址">
									</div>
								</div>
								<div class="col-md-12 mb15">
									<div class="input-group">
									  <span class="input-group-addon">固定租期</span>
									  <input type="text" class="form-control" placeholder="请选择租期开始时间" ng-click="beginDate1($event)" 
									  	datepicker-popup="{{format}}" ng-model="startDate1" name="fixationStartTime" is-open="beginDated1" 
									  	datepicker-options="dateOptions" close-text="关闭" clear-text="清除" current-text="今天" />
									  <span class="input-group-addon">至</span>
									  <input type="text" class="form-control" placeholder="请选择租期结束时间" ng-click="endDate1($event)" 
									  	datepicker-popup="{{format}}" ng-model="overDate1" name="fixationEndTime" is-open="endDated1" 
									  	datepicker-options="dateOptions" close-text="关闭" clear-text="清除" current-text="今天" />
									</div>
								</div>
								<div class="col-md-12 mb15">
									<div class="input-group">
									  <span class="input-group-addon">灵活租期</span>
									  <input type="text" class="form-control" placeholder="请选择租期开始时间" ng-click="beginDate2($event)" 
									  	datepicker-popup="{{format}}" ng-model="startDate2" name="flexibleStartTime" is-open="beginDated2" 
									  	datepicker-options="dateOptions" close-text="关闭" clear-text="清除" current-text="今天" />
									  <span class="input-group-addon">至</span>
									  <input type="text" class="form-control" placeholder="请选择租期结束时间" ng-click="endDate2($event)" 
									  	datepicker-popup="{{format}}" ng-model="overDate2" name="flexibleEndTime" is-open="endDated2" 
									  	datepicker-options="dateOptions" close-text="关闭" clear-text="清除" current-text="今天" />
									</div>
								</div>
								<div class="col-md-12 mb15">
									<div class="input-group">
									  <span class="input-group-addon">租期总长</span>
									  <input type="text" class="form-control" placeholder="请选择租期开始时间" ng-click="beginDate3($event)" 
									  	datepicker-popup="{{format}}" ng-model="startDate3" name="leaseStartTime" is-open="beginDated3" 
									  	datepicker-options="dateOptions" close-text="关闭" clear-text="清除" current-text="今天" />
									  <span class="input-group-addon">至</span>
									  <input type="text" class="form-control" placeholder="请选择租期结束时间" ng-click="endDate3($event)" 
									  	datepicker-popup="{{format}}" ng-model="overDate3" name="leaseEndTime" is-open="endDated3" 
									  	datepicker-options="dateOptions" close-text="关闭" clear-text="清除" current-text="今天" />
									</div>
								</div>
								<div class="col-md-12 mb15">
									<div class="input-group">
									  <span class="input-group-addon">交租日期</span>
									  <input type="text" class="form-control" ng-model="contractDatas.rentDay" name="rentDay" placeholder="请输入交租">
									</div>
								</div>
								<div class="col-md-12 mb15">
									<div class="input-group">
									  <span class="input-group-addon">已付期数</span>
									  <input type="text" class="form-control" ng-model="contractDatas.validRentDay" name="validRentDay" placeholder="请输入交租">
									</div>
								</div>
								<div class="col-md-12 mb15">
									<div class="input-group">
									  	<span class="input-group-addon">支付方式</span>
									 	<select id="" name="paymentType" class="form-control" ng-model="contractDatas.paymentType">
											<option>押一付三</option>
											<option>押一付三三</option>
										</select>
										<span class="input-group-addon">押金</span>
										<select id="" name="depositCharges" class="form-control" ng-model="contractDatas.depositCharges">
											<option>200</option>
											<option>300</option>
										</select>
									</div>
								</div>
								<div class="col-md-12 mb15">
									<div class="input-group">
									  <span class="input-group-addon">租金费用</span>
									  <input type="text" class="form-control" name="rentCharges" ng-model="contractDatas.rentCharges" placeholder="请输入租金费用">
									  <span class="input-group-addon" style="cursor: pointer;">+添加其他费用</span>
									</div>
								</div>
								<div class="col-md-12 mb15">
									<div class="input-group">
									  	<span class="input-group-addon">租金总额</span>
									  	<input type="text" class="form-control" name="totalAmount" ng-model="contractDatas.totalAmount" placeholder="请输入总租金费用">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="ibox-content">
						<button class="btn btn-primary" type="button" ng-click="editSave()">保存</button>
						<button type="button" class="btn btn-danger" ng-click="hideBtn()">取消</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	
</div>

